<template>
    <div>
        <el-dialog class="dialog" title="认证" :visible.sync="visibleDialogBox" width="420px">
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="ruleForm">
                <el-form-item label="认证结果" prop="certStatus">
                    <el-radio-group v-model="ruleForm.certStatus">
                        <el-radio :label="'2'">是</el-radio>
                        <el-radio :label="'3'">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="认证说明" prop="auditFailReason" v-if="ruleForm.certStatus == 3">
                    <el-input type="textarea" resize="none" :rows="3" placeholder="请输入内容"
                        v-model="ruleForm.auditFailReason"></el-input>
                </el-form-item>
            </el-form>
            <div style="display: flex;justify-content: flex-end;">
                <el-button class="cancelBtn" @click="visibleDialogBox = false">取 消</el-button>
                <el-button class="submitBtn" type="primary" @click="SubmitAudit(ruleForm.certStatus)">确 定</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>

.dialog {
  ::v-deep .el-dialog__header {
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 20px;
    color: #262626;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
  }

  ::v-deep .el-dialog__title {
    font-size: 14px;
    color: #303133;
    font-weight: bold;
  }

  //关闭图标
  ::v-deep .el-dialog__headerbtn .el-dialog__close {
    font-size: 15px;
  }

  ::v-deep .el-dialog__body {
    padding: 20px;
  }

}
</style>